<template>
  <div>
    <el-row  :gutter="20" class="info-container">
      <el-col :span="8">
        <div class="info-block-title">
          errorCode
        </div>
      </el-col>
      <el-col :span="8">
        <div class="info-block-title">
          Message
        </div>
      </el-col>
      <el-col :span="8">
        <div class="info-block-title">
          备注
        </div>
      </el-col>
    </el-row>
    <el-row :gutter="20" v-for="(item, index) in data" :key="index" class="info-container main">
      <el-col :span="8">
        <div class="info-block">
          丹丹丹丹丹丹丹丹
        </div>
      </el-col>
      <el-col :span="8">
        <div class="info-block">
          东方东方大厦丹丹分地方领导快速反击克拉的见风使舵佳乐分地
          <!-- 方绝对是咖喱酱发的款式链接疯狂撒娇了翻看手机啊地方
          交付到了手机发老师的空间
          分大手机看了发啊啥的风口浪尖了沙拉发多少快解放啦圣诞节快乐放假啊说离开家粉丝看啦大家付老师打 -->
        </div>
      </el-col>
      <el-col :span="8">
        <div class="info-block">
          发多少发多少粉丝
        </div>
      </el-col>
    </el-row>
  </div>
</template>

<script>
import { defineComponent, watch, computed, ref } from "vue";

export default defineComponent({
  name: "ApproveInfo",
  props: {
    data: {
      type: Object,
      default: () => {},
    },
  },
  setup(props, { emit }) {
    return {};
  },
});
</script>

<style lang="scss" scoped>
.info-container {
  &.main {
    margin-top: 10px;
  }
  .info-block {
  // min-height: 44px;
  line-height: 2em;
  color: #3C475D;
  // border-radius: 2px;
   //border: 1px solid #DBDEE6;
  }
  .info-block-title {
    font-weight: 600;
    color: #3C475D;
    min-height: 44px;
    line-height: 44px;
  }
}
</style>
